<script setup lang="ts">
import { RouterLink } from 'vue-router'
import { getChildrenRoutes } from '@/helpers'
import { debugLog } from '@/helpers'
const routeItems = getChildrenRoutes(useRouter(), '/')
debugLog(routeItems)
</script>

<template lang="pug">
top-main-layout
  template(#header)
    el-space(spacer='|')
      router-link.link(v-for='{ path, name } in routeItems',:to="path") {{ name }}
  router-view
</template>


<style lang="scss" scoped>
.link {
  color: #fff;
  text-decoration: none;
  &:hover {
    color: #ebec8e;
  }
}
</style>

